// ul {
//   width: 500px;
//   height: 30px;
//   border: 1px solid #e7e7e7;
//   margin: 0 auto;
//   li {
//     width: 100px;
//     text-align: center;
//     font-size: 20px;
//     line-height: 30px;
//     float: left;
//     cursor: pointer;
//     &.curr {
//       background: chartreuse;
//     }
//   }
// }
// .home_box {
//   div,
//   h3,
//   p {
//     color: #fff;
//   }
// }
// .one {
//   div {
//     width: 200px;
//     height: 100px;
//     background: red;
//   }
//   p,
//   h3 {
//     display: none;
//   }
// }
// .two {
//   div,
//   h3 {
//     display: none;
//   }
//   p {
//     width: 200px;
//     background: green;
//   }
// }
// .three {
//   div,
//   p {
//     display: none;
//   }
//   h3 {
//     width: 200px;
//     background: purple;
//   }
// }
// .four {
//   div {
//     width: 200px;
//     height: 100px;
//     background: red;
//   }
//   p,
//   h3 {
//     display: none;
//   }
// }
// .five {
//   div {
//     width: 200px;
//     height: 200px;
//     background: blue;
//   }
//   p,
//   h3 {
//     display: none;
//   }
// }
.home_box {
  .add,
  .form,
  .form_list {
    display: none;
  }
  &.home_btn {
    .add {
      display: block;
    }
  }
  &.home_form {
    .form {
      display: block;
    }
  }
  &.home_list {
    .form_list {
      display: block;
    }
  }
}
.add {
  input {
    width: 100px;
    height: 30px;
    display: block;
    margin: 50px auto;
  }
}
.form {
  width: 830px;
  height: 50px;
  margin: 50px auto 0;
  border: 1px solid #e7e7e7;
  label {
    display: block;
    margin: 14px 10px 0;
    float: left;
    .form_btn {
      margin: 0 5px;
    }
  }
}
.form_list {
  width: 800px;
  margin: 100px auto 0;
  input {
    display: block;
    width: 100px;
    height: 30px;
    margin-bottom: 50px;
  }
  li {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    p {
      float: left;
      span {
        display: block;
        float: left;
        margin-right: 10px;
      }
      &:nth-child(2) {
        float: right;
        span {
          padding: 0 10px;
          cursor: pointer;
        }
      }
    }
  }
}
